<template>
   <div class="sbuttom scroll">
                    <ul>
                        <li>
                        <Daohang/>
                    </li>
                    <li>
                        <Daohang/>
                    </li>
                    <li>
                        <Daohang/>
                    </li>
                    </ul>
                </div>
</template>

<script>
import Daohang from './daohang.vue'
export default {
    name:'SbutTom',
    components:{
        Daohang,
    }
}
</script>

<style scoped>
ul{
    list-style: none;
}
.sbuttom{
    margin: 0 auto;
    padding: 10px 120px;
    width: 1000px;
    height: 300px;
    /* border: 1px solid black; */
    display:table;
    text-align:center;

}
.sbuttom ul li{
    /* border: 1px solid black; */
    float: left;
    padding: 0 30px;
    margin: 0 auto;
    width: 250px;    
    display:table-cell; 
    vertical-align: middle                       
}
.sbuttom ul li img{
    margin-bottom: 10px;
    /* border: 1px solid black; */
    /* margin-left: 30px; */
    width: 230px;
    border: 10px solid #fff;
    border-radius: 5px;
}
.sbuttom ul li p{
    margin: 0;
    width: 250px;
    text-align: center;
    font-size: 12px;
    color: rgb(214, 214, 214);
}
.sbuttom ul li p b{
    display: inline-block;
    margin-bottom: 10px;
     text-align: center;
    font-weight: normal;
    color: #000;

}

</style>